.carFloatLayout {
  width: 100%;
  .theContent {
    width: 100%;
    max-height: 906px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .list {
      width: 100%;
      max-height: 680px;
      box-sizing: border-box;
      padding: 24px 24px 32px 32px;
      overflow-y: auto;
      margin-bottom: 100px;
      &.mbh {
        margin-bottom: 168px;
      }
      .listTitle {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 28px;
        font-weight: bold;
        color: #333333;
      }
      .item {
        width: 100%;
        height: 110px;
        margin-top: 32px;
        display: flex;
        align-items: center;
        .proPic {
          flex-shrink: 0;
          position: relative;
          width: 110px;
          height: 110px;
          .proIcon {
            width: 100%;
            height: 100%;
          }
        }
        .info {
          flex-shrink: 0;
          width: 400px;
          height: 100%;
          display: flex;
          flex-direction: column;
          margin-left: 16px;
          .name {
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 28px;
            font-weight: bold;
            color: #333333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .gray {
            display: flex;
            align-items: center;
            height: 28px;
            font-size: 20px;
            font-weight: 400;
            color: #999999;
            .saleNum {
              margin-right: 12px;
              .num {
                color: #0f77fe;
                margin: 0 5px;
              }
            }
            .actDiscount {
              margin-right: 8px;
            }
            .actDiscount, .actLimit {
              color: #fa6400;
            }
          }
          .price {
            height: 24px;
            font-size: 32px;
            font-weight: bold;
            &.unit {
              font-size: 20px;
            }
            .cost {
              margin-left: 10px;
              font-size: 22px;
              font-weight: 400;
              color: #999999;
              text-decoration: line-through;
            }
          }
        }
        .opArea {
          flex-shrink: 0;
          width: 142px;
          height: 100%;
          margin-left: 24px;
          display: flex;
          align-items: flex-end;
          .opLine {
            width: 100%;
            height: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .checkIcon {
              width: 40px;
              height: 40px;
            }
            .num {
              height: 40px;
              line-height: 40px;
              font-size: 28px;
              font-weight: 400;
              color: #333333;
            }
          }
        }
      }
    }
    
    .bottom {
      width: 100%;
      background: #ffffff;
      border-top: 1.05px solid #f0f0f0;
      position: fixed;
      bottom: 0;
      z-index: 20;
    }
    .bottomHt {
      width: 100%;
      height: 68px;
      flex-shrink: 0;
    }
    .bottomCtx {
      width: 100%;
      height: 100px;
      flex-shrink: 0;
      box-sizing: border-box;
      padding: 0 24px;
      .tab {
        position: relative;
        .icon {
          width: 44px;
          height: 44px;
        }
        .name {
          font-size: 20px;
          color: #666666;
        }
        .gwcNum {
          position: absolute;
          top: -10px;
          right: -4px;
          width: 26px;
          height: 26px;
          background-color: #ff3b3b;
          border-radius: 50%;
          font-size: 20px;
          font-weight: 400;
          color: #ffffff;
          display: flex;
          justify-content: center;
          align-items: center;
          &.two {
            width: 40px;
            border-radius: 16px;
          }
          &.three {
            width: 50px;
            border-radius: 16px;
          }
        }
      }
    
      .feeArea {
          flex: 1;
          margin-left: 34px;
          .totalLine {
              height: 30px;
              display: flex;
              align-items: baseline;
              .total {
                  height: 30px;
                  line-height: 30px;
              }
              .cheaper {
                  text-decoration: line-through;
                  margin-left: 4px;
              }
          }
          .sendLine {
              margin-top: 6px;
              height: 20px;
              line-height: 20px;
          }
      }
    
      .btnPay {
        width: 230px;
        height: 76px;
        border-radius: 38px;
        font-size: 32px;
        color: #ffffff;
      }
      .unableBtn {
          background: #bdbdbd;
      }
    }

  }
  .layout-body {
    padding: 0 !important;
    max-height: 910px !important;
    min-height: 0px !important;
  }
  .at-float-layout__container {
    border-radius: 0 !important;
    min-height: 0px !important;
  }
  .layout-body__content {
    max-height: 910px !important;
    min-height: 0px !important;
  }
}

